﻿@charset "utf-8";
body{background:url(../images/bg.gif) repeat-x top;}
body,form{margin:0;padding:0;}
input,label{vertical-align:middle;outline:none;}
textarea{vertical-align:top;outline:none;resize:none;}
img{border:0;vertical-align:middle;}
div{font-size:12px;font-family:verdana;}
a{color:#333;text-decoration:none;outline:none;}
a:hover{color:#f30;}
.b{font-weight:bold;}
.red{color:#f00;}
.dis{display:none;}

#header{width:702px;margin:30px auto 0 auto;overflow:hidden;}
#header .logo{background:url(../images/logo.gif) no-repeat center;float:left;width:380px;height:70px;display:block;}
#header .official{padding:50px 0 0 0;display:block;float:right;}
#header .official img{margin:0 5px 5px 0;*margin:0 5px 0 0;}
#header .official a{color:#808080;}
#header .official a:hover{color:#f30;}

#step{width:700px;margin:0 auto;overflow:hidden;clear:both;}

.installstep{width:700px;overflow:hidden;}
.installstep ul{margin:10px 0;list-style:none;padding:0;}
.installstep li{float:left;font-weight:bold;margin-right:-16px;width:187px;height:25px;line-height:25px;overflow:hidden;text-align:center;}
.installstep li span{display:block;padding-left:16px;background:url(../images/steptab.png) no-repeat 0 -150px;}
.installstep li span span{padding-left:0;padding-right:16px;background:url(../images/steptab.png) no-repeat 100% -150px;}
.installstep li span span span{height:25px;padding:0;background:url(../images/steptab.png) repeat-x 0 -75px;}

.installstep li.step1 span{background-position:0 -50px;}
.installstep li.step1 span span{background-position:100% -150px;}
.installstep li.step1 span span span{background-position:0 -75px;}
.installstep li.step4 span span{background-position:100% -200px;}
.installstep li.step4 span span span{background-position:0 -75px;}

.installstep li span.active{position:relative;color:#fff;background-position:0 -125px;}
.installstep li span.active span{background-position:100% -100px;}
.installstep li span.active span span{background-position:0 -25px;}

.installstep li.step1 span.active{background-position:0 0;}
.installstep li.step1 span.active span{background-position:100% -100px;}
.installstep li.step1 span.active span span{background-position:0 -25px;}
.installstep li.step4 span.active span{background-position:100% -175px;}
.installstep li.step4 span.active span span{background-position:0 -25px;}

#body{border:1px solid #B6D4F4;width:638px;margin:10px auto;overflow:hidden;clear:both;padding:20px 30px;min-height:350px;}
#body h1{font-size:16px;margin:5px 0 15px 0;padding:0 0 15px 0;border-bottom:1px dashed #B6D4F4;}
#body h2{font-size:12px;margin:10px 0;padding:0;color:#06f;}

#body p{margin:10px 0;line-height:22px;}
#body em{color:#999;font-style:normal;}
#body ul{margin:0 15px 15px 0;padding:0;list-style:none;}
#body ul li{line-height:30px;height:30px;}
#body ul li span{float:left;display:inline-block;width:90px;text-align:right;padding:0 10px 0 0;clear:both;line-height:30px;height:30px;}
#body input,#body label{cursor:pointer;}


#body .ip{border:1px solid #B4B4B4;border-right:1px solid #E8E8E8;border-bottom:1px solid #E8E8E8;height:17px;padding:3px 0 2px 5px;*padding:5px 0 0 5px;}

#footer{width:702px;margin:10px auto;overflow:hidden;clear:both;text-align:right;}
#footer input{background:url(../images/bnt_blue.gif) no-repeat center;border:0;width:80px;height:30px;line-height:30px;font-size:12px;color:#333;cursor:pointer;margin:0 0 0 5px;}